<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>乐购试做</title>
    <!-- 1. 引入插件样式 -->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/login.css">
    <!-- 1. 引入插件样式 -->
    
    <style>
    </style>
</head>

<body>
    <!--开始排版-->
    <!--顶部通栏-->
    <header class="topl cf">
        <div class="contents top1">
            <a href="index.html" class="wz">legochina.cn</a>
            <p>欢迎光临乐购，请
                <span><a href="###">登录</a>\</span>
                <a href="post.html" id="posts">注册</a>
            </p>
        </div>
        <!--顶部导航栏-->
    </header>
    <div class="contents topnav cf">
        
        <img src="images/login01.jpg" class="logo">
       
        <!--顶部主导航栏-->
       <h1>欢迎登录</h1>

    </div>
    <!--顶部下面的商品选项卡-->
    <div class="bannerlog cf">
        <div class="contents logbk1">
            <div class="logbk">
                <p class="bgc60 cf"><a href="#" id="smdl" class="fl">扫码登录</a><a href="#" id="zhdl" class="fr">账户登录</a></p>
                <div class="smdl"><img src="images/login03.jpg"></div>
                <div class="hide zhdl">
                   
                    <form class="login" id="dl"action="index.html" method="get">
                        <p class="um cf"><input type="text" name="username" class="username"id="username" placeholder="手机/邮箱/用户名"/><span id="unamemsg"></span></p>
                        <p class="pm cf"><input type="password" name="pwd" class="password" id="pwd"placeholder="密码"/><span id="pwdmsg"></span></p>
                        
                        <p class="zm cf"><input type="radio" class="zddl" name="username" value=""/>自动登录<a href="###">忘记密码？</a></p>
                        <button type="submit" class="submit">登录</button>
                        
                    </form>
                </div>
            </div>
        </div>
    </div>

        <!--顶部下面的轮播图-->
       
    
    <!-- 轮播图下面的今日推荐 -->
    
    <!-- 推荐下面的图书 -->
   
    <!-- 图书下面的服装 -->
    
    <!-- 服装下面的户外 -->
   
    <!-- 户外下面的童装 -->
    
    <!-- 童装下面的居家 -->
   
    <!-- 居家下面的推广 -->
    
    <!-- 推广下面的底部广告 -->
   
    <!-- 推广下面的底部广告 -->
    
    <!-- 页面的底部页脚 -->
    <div class="contents lfot cf">
        <p class="lik">
            <a href="###" class="lf1">公司简介</a>
            <a href="###">Investor Relations</a>
            <a href="###">网址联盟</a>
            <a href="###">乐购招商</a>
            <a href="###">机构销售</a>
            <a href="###">手机乐购</a>
            <a href="###">官方Blog</a>
            <a href="###">热词搜索</a>
        </p>
        <p>Copyright &copy; 乐购网 2014-2016, All rights reserved </p>
    </div>





    <!-- 1. 引入jQuery -->
    <script src="./lib/jquery.min.js"></script>

    <!-- 2. 引入轮播插件 -->
    
    <!-- 2. 引入轮播插件 -->
    

    <!-- 4. 引入当前页面js文件 -->
    <script src="./js/login.js"></script>
    <script>


        /*
        
        
        
        */
    </script>
</body>

</html>